/**
 * @author NZQ
 * @data 2018/8/30
 * @Description : 设备管理
 */
import { modalHandle } from '../../../assets/utilJs/modal'

// 思路：先创建layer  创建完成后 立即请求数据 完成渲染


function deviceHandle () {
    // 创建设备管理的表格
    let data = [
        {
            id : "001",
            name : "nznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznznzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        },{
            id : "001",
            name : "nzq",
            state : 1,
            number : 100
        },
        {
            id : "001",
            name : "nzq",
            state : 0,
            number : 100
        }

    ];
    let columns = [
        {
            checkbox : true
        },
        {
            field: 'id',
            title: '控制机编号',
            align: 'center',
            halign: 'center',
            valign: 'middle',
            width: '20%'
        },
        {
            field: 'name',
            title: '路口名称',
            align: 'center',
            halign: 'center',
            valign: 'middle',
            width: '30%'
        },
        {
            field: 'state',
            title: '状态',
            align: 'center',
            halign: 'center',
            valign: 'middle',
            width: '20%',
            formatter : function (value) {
                if (value === 1) {
                    return `<p class="td-state-normal">正常</p>`
                }else if (value === 0) {
                    return `<p class="td-state-not-normal">异常</p>`
                }
            }
        },
        {
            field: 'number',
            title: '灯组数量',
            align: 'center',
            halign: 'center',
            valign: 'middle',
            width: '10%'
        },
        {
            title: '操作',
            align: 'center',
            halign: 'center',
            valign: 'middle',
            width: '20%',
            formatter : function () {
                return `<button type="button" class="btn  btn-query">查看</button>
                        <button type="button" class="btn  btn-delete btn-modify">修改</button>`
            }
        }
    ];

    // 点击表格中的查看，生成弹窗
    function checkDevice () {
        modalHandle($("#deviceCheck"), $("#Table .btn-query"), $("#deviceCheck .close"), "查看控制机");
    }
    // 修改信息
    function modifyDevice () {
        modalHandle($("#deviceHandle"), $("#Table .btn-modify"), $("#deviceHandle .close"), "修改控制机")
    }
    // 新增加控制机
    function addDevice () {
        modalHandle($("#deviceHandle"), $(".table-nav .btn-add"), $("#deviceHandle .close"), "新增控制机")
    }

    // 异步调用 打包 生成table
    import(/* webpackChunkName : "createTable" */ '../../../assets/utilJs/table').then(module => {
        module.createTable({
            elem : $("#Table"),
            columns : columns ,
            data : data
        })
    }).then(function () {
         checkDevice();
         modifyDevice();
        addDevice();
    })
}

export { deviceHandle }